.process-nav>p {
  margin-right: 10px;
}

.process-nav {
  overflow: hidden;
}

.nodesort {
  float: left;
}

.process-nav>p {
  background: #ef4954;
}

.process-nav>p:hover {
  background: #f57d85;
}

.node,
.judge {
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  opacity: 0.8;
  filter: alpha(opacity=80);
  border: 1px solid #346789;
  width: 150px;
  /*line-height: 40px;*/
  text-align: center;
 z-index: 1;

  background-color: #eeeeef;
  color: black;
  padding: 10px;
  font-size: 9pt;
  cursor: pointer;
  height: 40px;
  /* line-height: 50px; */

  position: absolute;
  word-wrap: break-word;



}

// .node1,.node2,.node3,.node4{
//   left: 100px;

// }

.node2 {

  left: 218px;
}

.node3 {
  width: 110px;
  height: 110px;
  top: 58px;
  left: 22px;
  position: relative;
}

.doc-left-circle,
.doc-right-circle {
  position: absolute;

}

.document {
  position: absolute;
  text-align: center;
  cursor: pointer;
  opacity: 0.8;
  filter: alpha(opacity=80);
 z-index: 1;
}

.doc-left {
  border-left: 1px solid #346789;
  border-top: 1px solid #346789;
  background-color: #eeeeef;
  float: left;
  width: 75px;
  height: 38px;
  position: relative;
}

.doc-right {
  border-top: 1px solid #346789;
  border-right: 1px solid #346789;
  background-color: #eeeeef;
  position: relative;
  float: left;
  width: 75px;
  height: 55px;
}

.doc-left-circle {
  border-bottom: 1px solid #346789;
  position: absolute;
  width: 76px;
  height: 59px;
  background: #eeeeef;
  left: -1px;
  border-radius: 0 0 50px 50px;
  top: 23px;
  border-left: 1px solid #346789;


}

.doc-right-circle {
  border-top: 1px solid #346789;
  position: absolute;
  width: 94px;
  height: 40px;
  background: transparent;
  right: -10px;
  top: 53px;
  border-radius: 50%;
  -webkit-box-shadow: 15px 15px 0 0 #eeeeef;
  box-shadow: 5px -11px 0 0 #eeeeef;
}

.doc-text {
  position: absolute;
  z-index: 1;
  top: 18px;
  left: 15px;
  width: 120px;
  font-size: 9pt;
  color: black;

}

.sort-sub-text {
  font-size: 9pt;
  color: black;
}

.node5 {
  width: 150px;
  height: 90px;
  top: 220px;
  overflow: hidden;
}

.node3rota {
  width: 80px;
  height: 80px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -moz-transform: rotate(45deg);
  /* Firefox */
  -webkit-transform: rotate(45deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(45deg);
  /* Opera */
  position: relative;
  left: 15px;
  top: 15px;
}


.node3s {
  position: absolute;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  left: 1px;
  top: 28px;
  display: block;
  /* word-break: break-word; */
  white-space: nowrap;
  width: 80px;
  overflow: hidden;
}


.node4 {
  top: 119px;
  left: 218px;
}

.radius {
  border-radius: 25em;
}


#right {
  cursor: pointer;
}

.sort-sub {
  position: absolute;
  top: 222px;
  left: 222px;
  width: 150px;
  height: 62px;
  border: 1px solid #346789;
  background: #eeeeef;
 z-index: 1;
  cursor: pointer;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.sort-sub-box {
  width: 90px;
  height: 62px;
  margin: auto;
  border-left: 1px solid #346789;
  border-right: 1px solid #346789;
  text-align: center;
  line-height: 62px;
}

.data-base {
  width: 64px;
  height: 91px;
  background: #eeeeef;
 z-index: 1;
  cursor: pointer;
  opacity: 0.8;
  filter: alpha(opacity=80);
  border: 1px solid #346789;
  position: absolute;
  top: 328px;
  left: 77px;
  border-radius: 20px;
  font-size: 9pt;
  text-align: center;
  line-height: 91px;
  color: black;
}

.note-node {
  width: 120px;
  height: 60px;
 z-index: 1;
  cursor: pointer;
  opacity: 0.8;
  filter: alpha(opacity=80);
  position: absolute;
  top: 342px;
  left: 243px;

}

.note-node-box {
  border: 1px solid #346789;
  border-left: transparent;
  width: 90px;
  height: 60px;
  font-size: 9pt;
  text-align: center;
  line-height: 60px;
  background: #eeeeef;
}

.note-node-box-line {
  position: absolute;
  right: -1px;
  top: 43px;
  width: 37px;
  height: 1px;
  background: #346789;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);

}

.note-node-box-text,
.prot-node,.data-base {
  font-size: 9pt;
  color: black;
}

.prot-node {
  width: 84px;
  height: 84px;
  border-radius: 50%;
 z-index: 1;
  cursor: pointer;
  opacity: 0.8;
  filter: alpha(opacity=80);
  position: absolute;
  top: 448px;
  left: 66px;
  border: 1px solid #346789;
  background: #eeeeef;
  text-align: center;
  line-height: 84px;
}
.forbid-drag{
  -moz-user-select:none;/*火狐*/
  -webkit-user-select:none;/*webkit浏览器*/
  -ms-user-select:none;/*IE10*/
  -khtml-user-select:none;/*早期浏览器*/
  user-select:none;
}
.pop-up{

}
.pop-up .pop-sec{

}
.pos-fixed{
  display: none;
}
